<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./styles/index.css">
    <link rel="stylesheet" href="./styles/shop.css">
</head>
<body>
        <div class="meizu-header" style="position: relative">
                <div class="mz-header-wrap">
                    <div class="mz-header-logo">
                        <a href="http://localhost/seven/XDW/meizu_project/src/index.html" class="meizu-header-logo-img" data-mtype="gw_public_yt_logo"><svg fill="#00b4ff"
                                version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="402.048px"
                                height="73.556px" viewBox="17.318 5.824 402.048 73.556"
                                enable-background="new 17.318 5.824 402.048 73.556">
                                <path
                                    d="M321.513,5.824H256.91v12.878h51.478l-49.294,44.581c-8.227,7.023-2.872,16.096,3.958,16.096h65.337V66.472 h-52.117l48.964-44.554C333.52,14.473,328.535,5.824,321.513,5.824">
                                </path>
                                <rect x="226.517" y="5.824" width="14.426" height="73.556"></rect>
                                <path
                                    d="M104.296,5.824h-71.36c-8.576,0-15.618,7.012-15.618,15.588v57.967H31.14V23.743 c0-2.711,2.208-5.041,4.92-5.041h25.31v60.677h14.428V18.702h25.312c2.712,0,4.919,2.329,4.919,5.041v55.636h13.86V21.416 C119.888,12.841,112.872,5.824,104.296,5.824">
                                </path>
                                <path
                                    d="M148.765,23.614c0-2.712,2.199-4.912,4.911-4.912h55.909V5.824h-58.236c-8.576,0-15.592,7.016-15.592,15.592 v42.37c0,8.576,7.017,15.592,15.592,15.592h58.236V66.5h-55.909c-2.711,0-4.911-2.199-4.911-4.912V49.042h58.43V36.117h-58.43 V23.614z">
                                </path>
                                <path
                                    d="M405.506,5.824v55.637c0,2.71-2.22,5.039-4.931,5.039h-39.77c-2.711,0-4.892-2.328-4.892-5.039V5.824h-13.86 v57.963c0,8.576,7.018,15.592,15.592,15.592h46.127c8.575,0,15.592-7.017,15.592-15.592V5.824H405.506z">
                                </path>
                            </svg></a>
                    </div>
                    <a href="http://localhost/seven/XDW/meizu_project/src/shopcart.html" class="mz-header-cart">
                        <em class="all-cats-count">0</em>
                    </a>
                    <div class="mz-header-user">
                        <div class="mz-user-img"></div>
                        <ul class="mz-user-dropdown">
                            <li>
                                <a href="http://localhost/seven/XDW/meizu_project/src/login.html">立即登录</a>
                            </li>
                            <li>
                                <a href="http://localhost/seven/XDW/meizu_project/src/regiter.html">立即注册</a>
                            </li>
                            <li>
                                <a href="#">我的订单</a>
                            </li>
                            <li>
                                <a href="#">M码通道</a>
                            </li>
                        </ul>
                    </div>
                    <div class="mz-header-seach">
                        <input type="text" placeholder="魅族16Xs">
                        <a class="mz-ico-seach" href="#"></a>
                    </div>
                    <ul class="mz-header-link">
                        <li id="second-phone1"><a href="http://localhost/seven/XDW/meizu_project/src/shop.html?id=1">手机</a></li>
                        <li id="second-phone2"><a href="http://localhost/seven/XDW/meizu_project/src/shop.html?id=2">声学</a></li>
                        <li id="second-phone3"><a href="http://localhost/seven/XDW/meizu_project/src/action.html">活动</a></li>
                        <li id="second-phone4"><a href="#">生活</a></li>
                        <li id="second-phone5"><a href="#">Flyme</a></li>
                        <li id="second-phone6"><a href="#">服务</a></li>
                        <li id="second-phone7"><a href="#">专卖店</a></li>
                        <li id="second-phone8"><a href="#">社区</a></li>
                        <li id="second-phone9"><a href="#">APP下载</a></li>
                    </ul>
                </div>
        </div>

        <!-- 声学banner -->
        <div class="brand-banner">
            <a href="#">
                <section class="banner-img"></section>
            </a>
        </div>

        <!-- 主体部分 -->
        <div class="voice-main">
            <div class="content">
                <h1 class="voice-title">
                    <span id="title-category">声学</span>
                    <div class="voice-title-right">
                        <a class="tuijian">推荐</a>
                        <a class="new">新品</a>
                        <a class="price">价格</a>
                    </div>
                </h1>
                <section class="goods-list" id="goods-list">
                        <ul class="goods-list-wrap">
                            <!-- <li class="goods-box">
                                <a class="goods-link">
                                        <img class="goods-img" src="https://openfile.meizu.com/group1/M00/07/29/Cgbj0FzvN5eAOhF_AAG4VJC6XfM942.png@480x480.jpg">
                                        <h3 class="item-title">魅族 EP2C 耳机</h3>
                                        <p class="item-desc">钕铁硼单元 Type-C接口</p>
                                        <p class="item-price">
                                        <em>￥</em><span class="vm-price">129</span>
                                        </p>
                                </a>
                            </li>
                            <li class="goods-box">
                                    <a class="goods-link">
                                            <img class="goods-img" src="https://openfile.meizu.com/group1/M00/07/29/Cgbj0FzvN5eAOhF_AAG4VJC6XfM942.png@480x480.jpg">
                                            <h3 class="item-title">魅族 EP2C 耳机</h3>
                                            <p class="item-desc">钕铁硼单元 Type-C接口</p>
                                            <p class="item-price">
                                            <em>￥</em><span class="vm-price">129</span>
                                            </p>
                                    </a>
                                </li>
                                <li class="goods-box">
                                        <a class="goods-link">
                                                <img class="goods-img" src="https://openfile.meizu.com/group1/M00/07/29/Cgbj0FzvN5eAOhF_AAG4VJC6XfM942.png@480x480.jpg">
                                                <h3 class="item-title">魅族 EP2C 耳机</h3>
                                                <p class="item-desc">钕铁硼单元 Type-C接口</p>
                                                <p class="item-price">
                                                <em>￥</em><span class="vm-price">129</span>
                                                </p>
                                        </a>
                                    </li> -->
                        </ul>
                    </section>
            </div>
           
        </div>
        <div class="meizu-footer">
                <div class="mz-footer-link">
                    <div class="mz-footer-wrap">
                        <div class="mz-footer-serve">
                            <ul class="serve-list">
                                <li>
                                    <a href="#">
                                        <img src="https://fms.res.meizu.com/dms/2018/07/13/2c69bf7c-2d29-4fd4-852e-0aa497f36f51.png"
                                            width="50" height="39">
                                        <span>满80免运费</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://fms.res.meizu.com/dms/2018/07/13/d28eac8b-b915-49dc-9dbd-80884a07d44f.png"
                                            width="50" height="39">
                                        <span>100+ 城市次日送达</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://fms.res.meizu.com/dms/2018/07/13/b21f3e65-f7f4-4693-914c-c070faf96770.png"
                                            width="50" height="39">
                                        <span>7天无理由退货</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://fms.res.meizu.com/dms/2018/07/13/1998f0da-a439-4e07-9736-e6a1c39fb0ae.png"
                                            width="50" height="39">
                                        <span>15天换货保障</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://fms.res.meizu.com/dms/2018/07/13/420825c1-4763-436d-b3e1-721651ccc70c.png"
                                            width="50" height="39">
                                        <span>1年免费维修</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://fms.res.meizu.com/dms/2018/07/13/1c5cfeff-1b35-499e-bc2a-1fd29305be69.png"
                                            width="50" height="39">
                                        <span>上门快修</span>
                                    </a>
                                </li>
                            </ul>
                            <div class="mz-hotline">
                                <span>周一至周日 7:30-24:00</span>
                                <p class="tel">400-788-3333</p>
                                <a href="#" class="online-btn">在线客服</a>
                            </div>
                        </div>
                        <hr class="footer-hr">
                        <div class="mz-footer-bottom">
                            <div class="mz-row">
                                <div class="mz-info-left">
                                    <ul class="clearfix">
                                        <li>了解魅族</li>
                                        <li>加入我们</li>
                                        <li>联系我们</li>
                                        <li>Flyme</li>
                                        <li>魅族社区</li>
                                        <li>天猫旗舰店</li>
                                        <li>问题反馈</li>
                                        <li>线上销售授权名单公示</li>
                                        <li>出版物经营许可证</li>
                                        <li class="no-border" style="border: none">简体中文</li>
                                    </ul>
                                    <div class="mz-footer-certificate">
                                        ©2019 Meizu Telecom Equipment Co., Ltd. All rights reserved.&nbsp;&nbsp;&nbsp;&nbsp;
                                        <a href="http://www.beian.miit.gov.cn">粤ICP备13003602号</a>
                                        <a href="/static/footer/images/icp2.jpg">合字B2-20170010 </a>
                                        <a href="/static/footer/images/com_licence.jpg">营业执照</a>
                                        <a href="https://www.meizu.com/legal.html">法律声明</a>
                                        <span class="footer-info-record"><i></i>粤公网安备 44049102496009 号</span>
        
                                    </div>
                                </div>
                                <div class="mz-info-right">
                                    <a href="#">
                                        <img src="https://fms.res.meizu.com/dms/2019/01/07/26b50023-fde7-4f23-ae32-3aa39585f4c4.png"
                                            width="180" height="180">
                                        <i class="icon"></i>
                                    </a>
                                    <a href="#"></a>
                                    <a href="#"></a>
                                    <a href="#"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="./moudelCart/cars.js"></script>
    <script src="./javascripts/loaddata.js"></script>

</body>
</html>